<!-- 任务进度 -->
<template>
  <div class="content">
    <!-- 任务、待办 -->
    <div style="display: flex; justify-content: space-between; margin-top: 20px;">
      <task-box class="task-box"/>
      <todo-list-box class="todo-box"/>
    </div>
    <!-- 任务进度、项目进度 -->
    <div style="display: flex; justify-content: space-between; margin-top: 20px;">
      <task-progress-box class="task-progress-box" />
      <project-proress-box class="project-proress-box" />
    </div>
    <!-- 在建项目 -->
    <project-condition-box class="project-condition-box"/>
  </div>
</template>

<script>
import ProjectConditionBox from './projectConditionBox'
import ProjectProressBox from './projectProressBox'
import TaskBox from './taskBox'
import TaskProgressBox from './taskProgressBox'
import TodoListBox from './todoListBox'
export default {
  components: { TaskBox, TodoListBox, TaskProgressBox, ProjectProressBox, ProjectConditionBox },

}
</script>

<style lang="scss" scoped>
.content {
  .task-box,.todo-box,.task-progress-box,.project-proress-box {
    width: 49.2%;
  }
  .task-progress-box, .project-proress-box{
    height: 600px;
  }
}
</style>